/*
Syntax: http( verb , url , callback [, params] )
ARGUMENTS:
verb 	(required) 	"Get" or "Post"
url 	(required) 	"any server-side file (cfc, cfm, php, aspx, jsp, etc...)"
callback 	(required) 	"reference to any function you want the response passed to"
params 	(optional) 	"used to pass parameters to the server when verb = 'POST'"

*/

//preaload the loading gif
image1 = new Image();
image1.src = "images/ajax-loader.gif";

var current_style;

function getStyleInfo(style, current_page, page_increment)
{
    page = current_page + page_increment;
    params = "style=" + style + "&page=" + page;
	http( "GET" , "ajax_functions/ajax_style.php" , my_callback , params );

}

function my_callback(data)
{    
    var i=0;
  for(var key in data) 
  {
      
      if (/^\d*$/.test(key))
      {
       document.getElementById('pic_' + key ).setAttribute('src', 'images/' + data[0].style + '_STYLE/Inset/' + data[key].image);
       document.getElementById('pic_' + key ).setAttribute('onmouseover', 'setMainImage("' + data[key].image + '","' + data[0].style + '")');
        document.getElementById('next_button' ).setAttribute('onclick', 'getStyleInfo(' + data[0].style + ',' + data[0].page + ',1)');
        document.getElementById('back_button' ).setAttribute('onclick', 'getStyleInfo(' + data[0].style + ',' + data[0].page + ',-1)');
document.getElementById('link_' + key ).setAttribute('onclick', 'getProductPage(' +  data[0].style + ',' + data[key].id +')');

       
      }
      else
      {
          document.getElementById('pic_' + i).setAttribute('src', 'images/blank_style_inset.png');
          document.getElementById('pic_' + i).setAttribute('onmouseover', ''); 
      }
       i++;
     }
  

  
}

function setProduct(style, style_group)
{
    params = "style=" + style + "&style_group=" + style_group;
	http( "GET" , "ajax_functions/ajax_product.php" , my_callback_product , params ); 
}

function my_callback_product(data)
{   
	document.getElementById('big_pic').setAttribute('src', 'images/blank_style_inset.png');
	document.getElementById('style_group_' + data[0].style).style.color = '#2d5171';
	document.getElementById('product_info').innerHTML = '';
	
	 if (/^\d*$/.test(current_style) && current_style!=data[0].style)
      {
	document.getElementById('style_group_' + current_style).style.color = '#FFFFFF';
}
    current_style =  data[0].style;
	
      var i=0;
setMainProductImage(data[0].id, data[0].image, data[0].style_group, data[0].name, data[0].price, data[0].original_price);
          for(var key in data) 
          {
              
              if (/^\d*$/.test(key))
              {
               document.getElementById('pic_' + key ).setAttribute('src', 'images/' + data[0].style_group + '_PROD/THUMB/' + data[key].image);
               document.getElementById('pic_' + key ).setAttribute('onclick', 'setMainProductImage(' + data[key].id + ',"' + data[key].image + '","' + data[0].style_group + '","' + data[key].name + '",' +data[key].price +',' +data[key].original_price +')');
        
               
              }
              else
              {  
                  if(i < 4)
                  {
                    document.getElementById('pic_' + i).setAttribute('src', 'images/blank_style_inset.png');
                    document.getElementById('pic_' + i).setAttribute('onmouseover', ''); 
                  }
              }
               i++;
             }
			 
			 while(i < 4)
			 {
			 	document.getElementById('pic_' + i).setAttribute('src', 'images/blank_style_inset.png');
                    document.getElementById('pic_' + i).setAttribute('onmouseover', '');
					i++;
			 }  
      
}

function blank_function()
{
    
}
    

function addToCart(item_id, item_name, item_price)
{
    params = "item_id=" + item_id + "&item_name=" + item_name + "&item_price=" + item_price;
	http( "GET" , "ajax_functions/ajax_addtocart.php" , add_to_cart_callback , params ); 
}

function add_to_cart_callback(data)
{
    document.getElementById('product_info').innerHTML = data[0];
}

function setMainImage(image, style)
{

document.getElementById('big_pic').setAttribute('src', 'images/ajax-loader.gif');

    document.getElementById('big_pic').setAttribute('src', 'images/' + style + '_STYLE/Large/' + image);  
}



function setMainProductImage(id, image, style, product_name, price, original_price)
{
    document.getElementById('big_pic').setAttribute('src', 'images/ajax-loader.gif');
    document.getElementById('big_pic').setAttribute('src', 'images/' + style + '_PROD/MAIN/' + image);  
    if(price < original_price)
    {
        document.getElementById('product_info').innerHTML = product_name + '<br /><br />Price: <s>$' + (original_price/100).toFixed(2) + '</s> <b>$' + (price/100).toFixed(2) + '</b>';
    }
    else
    {
        document.getElementById('product_info').innerHTML = product_name + '<br /><br />Price: $' + (price/100).toFixed(2);
    }
    
    document.getElementById('form_item_name').setAttribute('value',product_name);
    document.getElementById('form_amount').setAttribute('value',price/100);

}

function setPressImage(image, thumb_image, style_id, product_name, type, price)
{
    document.body.style.cursor="pointer";
    document.getElementById('big_pic').setAttribute('src', 'images/ajax-loader.gif');
  document.getElementById('small_pic').setAttribute('src', 'images/ajax-loader.gif');
     document.getElementById('big_pic').setAttribute('src', 'images/PRESS/Main/' + image);
document.getElementById('small_pic').setAttribute('src', 'images/PRESS/Thumbs/' + thumb_image);
if(style_id > 0 && price > 0)
{
document.getElementById('press_product_info').innerHTML= '<a href="#product" onclick="getProductPageFromPress(' + type +',' + style_id + ')">' + product_name + ' / $' + price / 100 + ' - <u>Click to Buy!</u></a>';
}
else if(price > 0)
{
 document.getElementById('press_product_info').innerHTML=  product_name + ' / $' + price / 100 ;
}
else
{
    document.getElementById('press_product_info').innerHTML =  '<a href="#product" onclick="getProductPageFromPress(4,1)">' + product_name + '</a>';;
}
}

function setImageGeneric(image, img_id)
{
     document.getElementById(img_id).setAttribute('src', 'images/' + image);
}

var playing_music = true;
function start_stop_music()
{
	if(playing_music)
	{
	    document.getElementById('embed_music').setAttribute('src','none');
	    document.getElementById('audio_icon').setAttribute('src','images/header_graphics/audio.png');
	    playing_music = false;
    }
    else
    {
	    document.getElementById('embed_music').setAttribute('src','music/nubreed.mp3');
	    document.getElementById('audio_icon').setAttribute('src','images/header_graphics/audio_white.png');
	    playing_music = true;
    }
}

function getProductPage(style, product)
{
		current_style = null;
	params = 'style=' + style + '&product=' + product;
	http( "GET" , "include_modules/include_product.php" , chage_product_page, params );
}

function getProductPageFromSpecials(style, product)
{
/*
    current_style = null;
	params = 'style=' + style + '&product=' + product + '&specials=1';
	http( "GET" , "include_modules/include_product.php" , chage_product_page, params );
	*/
	http( "GET" , "include_modules/include_index.php", deal_accepted);
}

function deal_accepted()
{
    getPage('index');
    alert('You now have 20% off all products!');
}

function getProductPageFromPress(style, product)
{
		current_style = null;
	params = 'style=' + style + '&product=' + product + '&press=1';
	http( "GET" , "include_modules/include_product.php" , chage_product_page, params );
}


function chage_product_page(data)
{
	document.getElementById('ajax_body').innerHTML=data[0]['content'];
	setProduct(data[0]['product_id'], data[0]['style_id']);
	addStyleLinks();
}

function getPressPage(page_num)
{
	params = 'page=' + page_num + '&page_name=press';
	http( "GET" , "include_modules/include_press.php" , change_page, params );
}


function getEmailPage()
{
    email_address = document.getElementById('email_address').value;
    
	params = 'email_address=' + email_address + '&page_name=emailthankyou';
	http( "GET" , "include_modules/include_mailthankyou.php" , change_page, params );
}

function getPage(page_name)
{
	params = 'page_name=' + page_name;
	http( "GET" , "include_modules/include_" + page_name +  ".php" , change_page , params );
}

function change_page(data)
{
	document.getElementById('ajax_body').innerHTML=data[0]['content'];
	
	switch(data[0]['page_name'])
	{
		case 'airwalk':
			getStyleInfo(1,1,0);
			setMainImage("AW_360.png","1");
			addStyleLinks()
			break;
	    case 'hotkiss':
	getStyleInfo(2,1,0);
	setMainImage("CHK_ACE.png","2");
	addStyleLinks()
	break;
	case 'XOXO':
	getStyleInfo(5,1,0);
	setMainImage("XOXO_ATTITUDE.png","5");
	addStyleLinks()
	break;
	case 'FENY':
	getStyleInfo(4,1,0);
	setMainImage("FENY_AMNESIA.png","4");
	addStyleLinks()
	break;
	case 'EtienneAigner':
	getStyleInfo(3,1,0);
	setMainImage("EA_RENDEZVOUS.png","3");
	addStyleLinks();
	break;
    case 'uspa':
	addStyleLinks();
	case 'specials':
	addStyleLinks();
	case 'press':
	addStyleLinks();
	case 'press1':
	addStyleLinks();
	setPressImage('LifeStyle09-1.jpg','FENY_HONEYBUNCH.png','116','FENY Honey Bunch','4','1800');
	case 'press2':
	addStyleLinks();
	setPressImage('Shape09-3.jpg','XOXO_HEAVEN.png','118','XOXO Heaven','5','2800');
	case 'product':
	addStyleLinks();
	
	
	
	break;
			default:
			removeStyleLinks();
			break;
	}
	
}

function addStyleLinks()
{
	//document.getElementById('style_links').innerHTML = '<a href="#Airwalk" onclick="getPage(\'airwalk\')">Airwalk</a>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#hotkiss" onclick="getPage(\'hotkiss\')">Hot Kiss</a>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#EtienneAigner" onclick="getPage(\'EtienneAigner\')">Etienne Aigner</a>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#FENY" onclick="getPage(\'FENY\')">Fantas-Eyes</a>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#XOXO" onclick="getPage(\'XOXO\')">XOXO</a>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';

	  document.getElementById('style_links').innerHTML = '<a href="#Airwalk" onclick="getPage(\'airwalk\')">Airwalk</a>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#EtienneAigner" onclick="getPage(\'EtienneAigner\')">Etienne Aigner</a>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#FENY" onclick="getPage(\'FENY\')">Fantas-Eyes</a>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#XOXO" onclick="getPage(\'XOXO\')">XOXO</a>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#uspa" onclick="getPage(\'uspa\')">USPA</a>   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';

}



function removeStyleLinks()
{
	document.getElementById('style_links').innerHTML = '';
}

function check_deal()
{
    var code;
    code = document.getElementById('promo_code').value;
    params = 'code=' + code;
	http( "GET" , "include_modules/include_deals.php" , deal_return, params );
}

function deal_return(data)
{
	if (data['approved'] == false) {
		alert('Invalid Code. Please check spelling.');
		
	}
	else {
		getProductPageFromSpecials(data['type'], data['product_id']);
	}
}