jQuery(document).ready(function() {
    
    
});	
	
function show_triange(x){
      
      var my_left =100;
      var pos_2 = jQuery(".main_content").position();
      
      var pos = jQuery("#"+x).position();
      var my_img = parseInt(jQuery("#"+x).width()/2);
      
      my_left = parseInt(pos.left - pos_2.left -20 ) + my_img;
      
      jQuery(".tri").css({"left":my_left+"px","display":"block"});
      
      
}

function reset_triangle(defaultImage) {
      var my_left =100;
      var pos_2 = jQuery(".main_content").position();
      
      var pos = jQuery("#"+defaultImage).position();
      var my_img = parseInt(jQuery("#"+defaultImage).width()/2);
      
      if (pos && my_img) {
      	my_left = parseInt(pos.left - pos_2.left -20 ) + my_img;
      
      	jQuery(".tri").css({"left":my_left+"px","display":"block"});
      }
}

function textFadeOut(textContainerId) {
	var textContainer = jQuery("#"+textContainerId);
	if (textContainer) {
		var tc = jQuery("#"+textContainerId+"_text"); 
		if (tc) {
			tc.fadeOut("slow");
			tc.css({"display":"none"});
		}
	}
}

function textFadeIn(textContainerId, textToFadeIn) {
	var textContainer = jQuery("#"+textContainerId);
	if (textContainer) {
		var tc = jQuery("#"+textContainerId+"_text"); 
		if (tc) {
			textFadeOut(textContainerId);
			
			tc.html(textToFadeIn);
			tc.fadeIn("slow");
		}
	}	
}

  function changeDescriptionOn(prodName, pName) {
  	if (currentImageSelected != pName) {
  		previuosImageSelected = currentImageSelected;
  		currentImageSelected = pName;
	    show_triange(pName);
	    //if (document.getElementById('product_description')) {
	    if (jQuery('#product_description')) {
	      //var descDiv = document.getElementById('product_description');
	      var descDiv = jQuery('#product_description');
	      previousHTML = descDiv.innerHTML;
	      //descDiv.innerHTML = prodName;
	      //textFadeOut('product_description');
	      textFadeIn('product_description', prodName);
	    }
    }
  }  
  
  function changeDescriptionOff() {
     if (document.getElementById('product_description')) {
        var descDiv = document.getElementById('product_description');
        //descDiv.innerHTML = previousHTML;
        //reset_triangle(previuosImageSelected);
     }
  }