var J = jQuery.noConflict();
var load_link=false;
var hideContactFormTime = 3000;
var formTimeout;

J(document).ready(function(){

	if (J('.slideshow').length>0) {
		J('.rotate').cycle({ fx: 'fade',speed: 3000, timeout:3000 })
		J('.slideshow').cycle({ fx: 'fade',speed: 3000, timeout:3000 });
		
	}
	
	J('a[rel=external]').attr('target','_blank');
	
	
	J('.content UL.pic-blocks LI A').hover(function(){
		if (J(this).children('.pic-description').hasClass('pic-active-on')) return false;
		if (J(this).children('.pic-description').hasClass('pic-active-off')) {
			J(this).children('.pic-description').stop(true, false).removeClass('pic-active-off');
		};
		J(this).children('.pic-description').addClass('pic-active-on').animate({top: '0px'}, 1000, '', function(){
			J('.pic-description.pic-active').removeClass('pic-active-on');
		});
		
	}, function(){
		if (J(this).children('.pic-description').hasClass('pic-active-off')) return false;
		if (J(this).children('.pic-description').hasClass('pic-active-on')) {
			J(this).children('.pic-description').stop(true, false).removeClass('pic-active-on');
		};
		J(this).children('.pic-description').addClass('pic-active-off').animate({top: '95px'}, 1000, '',function(){
			J('.pic-description.pic-active').removeClass('pic-active-off');
		});
	});
	
    if (J('.rotate-container').length>0) {
        if (J('.rotate-container IMG.active').length==0) {
            J('.rotate-container IMG:first').addClass('active');
        }
        setInterval("nextImg()",5000);
    };
    J('#accordion LI .slide-link').click(function(){
        J(this).parent().children('DIV.slide').stop(true,true);
        J(this).parent().children('DIV.slide').slideToggle(150);
        if (J(this).children('SPAN.right').text()=='Hide') {
              J(this).children('SPAN.right').text('Show');
        }
        else {
            J(this).children('SPAN.right').text('Hide');
        }
        return false;
    });
    if (J('.tabs').length>0) {
        if (!(J('.tabs LI').hasClass('selected'))) {
            J('.tabs LI:first').addClass('selected');
        }
    };
    J('.tabs li A').click(function(){
        if (J(this).parent('LI').hasClass('selected')) {return false;}
		J('#'+J('.tabs li.selected A').attr('rel')).stop(true, true);
		J('.info').children().css('position','');
		J('#'+J('.tabs li.selected A').attr('rel')).css('position','absolute');
        J('#'+J('.tabs li.selected A').attr('rel')).fadeOut(1000);
        J('.tabs li.selected').removeClass('selected');
        J('#'+J(this).attr('rel')).fadeIn(1000);
        J(this).parent("li").addClass('selected');
        return false;
    });
    
    if (J('.image-box IMG').length>0) {
        if (J('.pictures LI A.active-image').length==0) {
            J('.pictures LI A[href=#pic-1]').addClass('active-image');
        }
        J('.image-box IMG').css('display','none');
        J(J('.pictures LI A.active-image').attr('href')).css('display','block');
    }
    J('.pictures LI A').click(function(){
        if (J(this).hasClass('active-image')) {return false;}
        J('.image-box IMG').stop(true,true);
        J('.pictures LI A[href=#'+J('.image-box IMG:visible').attr('id')+']').removeClass('active-image');
        J('.image-box IMG:visible').fadeOut(1000);
        J(this).addClass('active-image');
        J(J(this).attr('href')).fadeIn(1000);
        return false;
    });
    if (J('.salon').length>0) {
        J("A.link[rel^='lightbox']").lightBox();
    }
	
	//J('#form-box').hide();
	
    J('#question-link').click(function(){
        if (load_link==false) {
        J("#form-box").load("form.html",function(response, status, xhr) {
            if (status == "error") {
                alert("Sorry but there was an error");
            }
            else {
                load_link=true;
                J(".box").height(J(document).height());
                J(".box").width(J(document).width());
                J('.box').css('display','block'); 
                J('#form-box').slideDown(1000);
				
				J('.close-form').click(function(){	
					J('#form-box').css('border', '1px solid black');
					J('#form-box').slideUp(1000, function(){
						J('.box').css('display','none');	
					});			
					
				});
				J('.box').click(function(){
					J('#form-box').css('border', '1px solid black');
					J('#form-box').slideUp(1000, function(){
						J('.box').css('display','none');	
					});			
				});
            }
        });
        }
        else {
                J(".box").height(J(document).height());
                J('.box').css('display','block'); 
                J('#form-box').slideDown(1000);
        }
    });
	
	J("A.link[rel^='timespopup']").click(function(){
		
		setOverlay();
        
		J('#times-box .times-box-content').html(J('#opening-times').html());
		J('#times-box').slideDown(1000);
		
		J(".box-nobg").click(function(){
			J('#times-box').slideUp(1000, function(){
				J(".box-nobg").css('display','none'); 	
			});
		});
		
		J('#times-box .close').click(function(){
			J('#times-box').slideUp(1000, function(){
				J(".box-nobg").css('display','none'); 
			});
		});
		
    });
	
	/*  BEGIN: Contact Us Form  */
	J('#contact-us-link').click(function(){
		
		J(".box-nobg").css({'background': '#000','opacity':'0.6'});
		
		setOverlay();
		
		var formId = J(this).attr('rel');
		
		J('#'+formId).css('display','block');
		
		J('#contact-us-box').html(J('#'+formId));
		
		J('#form-hide').css({'display':'block','height':'auto'});
		J('#contact-form-error').css('display','none');
		J('#contact-form-success').css('display','none');
		
		J('#contact-us-box').slideDown(1000);
		
		var form = J('form','#'+formId);
		J(form)[0].reset();
		
		ajaxFormSubmit(form);
		
		J(".box-nobg, #contact-us-box .close").click(function(){
			clearTimeout(formTimeout);
			J('#contact-us-box').slideUp(1000, function(){
				J(".box-nobg").css('display','none'); 	
				J(".box-nobg").css({'background': '','opacity':''});
			});
			return false;
		});
			
		return false;
	});
	/*  END: Contact Us Form  */
    
 J('INPUT.auto-hint').each(function(i, el){
        if(J(this).val() == ''){
            J(this).val(J(this).attr('title'));
        }
        J(el).focus(function(){
            if (J(this).val() == J(this).attr('title')) {
                J(this).val('');
            }       
        });
        J(el).blur(function(){
            if (J(this).val() == '') {
                J(this).val(J(this).attr('title'));
            }
        });
    }   
);
	
	
	preload_images('#idscroll .pictures img',set_scroll_width);
	
	//BEGIN: Image Looks
	if (J('#image-looks').length) {
		J('#image-looks').children().each(function(){
			if (!J(this).hasClass('active')) {
				J(this).css('display','none');
			}
		});
		
		//Show Active Products
		var activeId = J('#image-looks').children('.active').attr('id');
		J('#'+activeId+'-products').fadeIn(500);
		
		J('#image-looks .active IMG').css('display','inline');
		J('.pictures a').unbind('click');
		J('.pictures a').mousedown(function(){return false;});
		J('.pictures a').click(function(){		
			var idElemToShow = J(this).attr('href');
			if (J(idElemToShow).hasClass('active')) return false;
			J('#image-looks').children().stop(true,true);
			
			//BEGIN: Set Height
			J(idElemToShow).css({'overflow':'hidden'});
			var heightElemToShow = parseInt(J(idElemToShow).height());
			//J('#image-looks').height('auto');
			J('#image-looks').height(heightElemToShow);
			//console.log(heightElemToShow);
			//END: Set Height
			
			//J('#image-looks').children('.active').fadeOut(1000,function(){J(this).css('display','none');});
			J('#image-looks').children('.active').css('display','none');
			
			J(idElemToShow).find('img').css('display','inline');
			J(idElemToShow).fadeIn(1000,function(){J(this).css('display','block');});
			
			J('#image-looks').children('.active').removeClass('active');
			J(idElemToShow).addClass('active');
			
			//Show Products
			
			var activeSelector = J(this).attr('href');
			J('.product-list:visible').css('display','none');
			J(activeSelector+'-products').css('opacity','0.1');
			J(activeSelector+'-products').css('display','block');
			J(activeSelector+'-products').fadeTo(1000,1);
			/*if (J('.product-list:visible').length) {
				J('.product-list:visible').fadeOut(1,function(){
					//if (J(activeSelector+'-products').length) J(activeSelector+'-products').fadeIn(1000);
				});
				J('.product-list:visible').css('display','none');
			}*/
			//if (J(activeSelector+'-products').length) J(activeSelector+'-products').fadeIn(1000);
			
			return false;
		});
	}
	//END: Image Looks
});

function preload_images(images_selector,function_callback) {
	var imgs = jQuery(images_selector);
	var countImgs = jQuery(imgs).length;
	var loadedImgs = 0;
	if (countImgs) {
		jQuery(imgs).each(function() {
			var src = jQuery(this).attr('src');
			if (src == '') {
				loadedImgs++;
				if (loadedImgs >= countImgs) function_callback();
			}
			var img = new Image();
			jQuery(img).load(function() {
				loadedImgs++;
				if (loadedImgs >= countImgs) function_callback();
			}).error(function () {
				loadedImgs++;
				if (loadedImgs >= countImgs) function_callback();
			}).attr('src', src);
		});
	}else
		function_callback();	
}

function set_scroll_width(){
	if (J('#idscroll').length) {
		var width_pictures = 0;
		J('.pictures > li','#idscroll').each(function (i) {
			var alt = J('img',this).attr('alt');
			J('img',this).attr('alt','');
			//var w = parseInt(J(this).width());
                        var w = parseInt(this.offsetWidth);
//console.log(this.offsetWidth);
//console.log(this);
			J('img',this).attr('alt',alt);
			if (J('a > img',this).attr('src') != '' && w > 100){
				width_pictures += w;
			}else 
				J(this).css('display', 'none');
		});
//console.log(width_pictures);
                
		//J('.pictures','#idscroll').width(width_pictures);
		J('.pictures','#idscroll').attr('style','width:'+width_pictures+'px');
                //J('.pictures').attr('style','width:'+width_pictures+'px');
	}
}

function ajaxFormSubmit(form){
	J(form).submit(function(){
		J('#contact-form-loader').css('display','block');
		J('#contact-form-error').slideUp('fast');
		J('#contact-form-success').slideUp('fast');
		J.ajax({
			type: "POST",
			url: J(form).attr('action'),
			data: J(this).serialize(),
			success: function(response){
				J('#contact-form-loader').css('display','none');
				var error = response.split(':');
				if (error && error.length > 1 && error[0] == 'ERROR') {
					J('#contact-form-error').html(error[1]);
					J('#contact-form-error').slideDown('fast');
				}else {
					J('#form-hide').slideUp('slow',function(){
						J('#contact-form-success').html(response);
						J('#contact-form-success').slideDown('fast');
						formTimeout = setTimeout("J('#contact-us-box .close').click()",hideContactFormTime);
					});
				}
				
			}
		});
		return false;
	});
}
J(window).resize(function() {
	if (J(".box-nobg:visible").length) {
		J(".box-nobg:visible").width('');
		J(".box-nobg:visible").height('');
		setOverlay();
	}
});
function setOverlay(){
	var width = (J.browser.msie && J.browser.version == '6.0')?(J(document).width()-20):J(document).width();
	/* J(".box-nobg").height(J(document).height()).width(width).css('display','block'); */
}
/*function setScrollWidth(){
	var width_pictures= 0;
	//J('#idscroll').children('.pictures').children('LI').each(function (i) {	
	J('#idscroll .pictures li').each(function (i) {	
		var im = J(this).children('img');
		if (J(this).children('img').attr('src') != '') { //Image Exist
			width_pictures += parseInt(J(this).width());
			//alert(parseInt(J(this).width()));
		}else {//Image Src is null
			J(this).css('display','none');
		}
	});
	J('#idscroll').children('.pictures').css('width',width_pictures);
}*/


function nextImg(){
    var curr = J('.rotate-container IMG.active');
    curr.fadeOut(1000).removeClass('active');
    if (J('.main-rotate .rotate-container IMG').index(curr)==J('.main-rotate .rotate-container IMG').index(J('.rotate-container IMG:last'))) {
         J('.rotate-container IMG:first').fadeIn(1000).addClass('active');
    }
    else {
        curr.next().fadeIn(1000).addClass('active');
    }
};
function buildQueryString(form){
	var data = '';
	J(form).find('input[type=text],select,textarea').each(function(i,el){
		if (i) data += '&';
		data += J(el).attr('name')+'='+J(el).val();
	});
	J(form).find('input[type=hidden]').each(function(i,el){
		if (i || data != '') data += '&';
		data += J(el).attr('name')+'='+J(el).val();
	});
	J(form).find('input:radio:checked,input:checkbox:checked').each(function(i,el){
		if (i || data != '') data += '&';
		data += J(el).attr('name')+'='+J(el).val();
	});
	J(form).find('input:file').each(function(i,el){
		if (i || data != '') data += '&';
		data += J(el).attr('name')+'='+J(el).val();
	});
	return data;
}