jQuery.noConflict();

var currentBannerPos = 0 ;

jQuery(document).ready(function() {
   init();
});

function init(){
	//alert("test");
	
	var maxheight = 0;
	
	jQuery('.col-content').each(function(index){
		if(jQuery(this).height() > maxheight)
		{
			maxheight = jQuery(this).height();
		}
			
	});
	
	jQuery('.col-content').each(function(index){
		jQuery(this).height(maxheight + 50);
	});


	setupBannerApp();
	
	
}


function setupBannerApp()
{
	//var currentBannerPos = 0;
	
	jQuery('.banner-page').each(function(index){
		jQuery(this).hide();
	});
	
	jQuery('.point').each(function(index){
		jQuery(this).hide();
	});
	
	jQuery('.banner-button-left').hide();
	jQuery('.banner-button-left').click(function() {
		if(currentBannerPos == 0)
		{
			currentBannerPos = 3;
		}
		else
		{
			currentBannerPos--;
		}
		
		jQuery('.banner-page').each(function(index){
			jQuery(this).hide();
		});
		jQuery('.banner-page:eq(' + currentBannerPos + ')').show();
		
		
	});
	
	jQuery('.banner-button-right').hide();
	jQuery('.banner-button-right').click(function() {
		 if(currentBannerPos == 3)
		{
			currentBannerPos = 0;
		}
		else
		{
			currentBannerPos++;
		}
		
		jQuery('.banner-page').each(function(index){
			jQuery(this).hide();
		});
		
		jQuery('.banner-page:eq(' + currentBannerPos + ')').show();
		
		//alert(currentBannerPos);
	});
	
			
	
	jQuery('.banner-page:eq(' + currentBannerPos + ')').show();
	//$('.banner-page').first().show();


	jQuery('#banner-app').hover
	(
	    function(e) 
	    {
	        jQuery('.banner-button-left').show();
	        jQuery('.banner-button-right').show();
	    },
	    function (e) {
	        jQuery('.banner-button-left').hide();
	        jQuery('.banner-button-right').hide();
	    }
	)
	
	jQuery('area').mouseover(function(e) {	
		var pos = jQuery('.banner-page:eq(' + currentBannerPos + ')').offset();
		
		jQuery('.point[rel*="' + jQuery(this).attr("rel") + '"]').show();
		jQuery('.point[rel*="' + jQuery(this).attr("rel") + '"]').css({"top": (e.pageY - pos.top)-40 + "px", "left": (e.pageX - pos.left)+55 + "px"});

	});
	
	jQuery('area').mouseleave(function(e) {	
		jQuery('.point[rel*="' + jQuery(this).attr("rel") + '"]').hide();
	});
}

function showPoint(point)
{
	//alert("hello");
	
	jQuery('.banner-page:eq(' + currentBannerPos + ')').find(point).show();
	//jQuery('.banner-page:eq(' + currentBannerPos + ')').find(point).show();
	
	//opacity:0;
	
}