/*******

	***	Custom Jquery script  ***
	*** Http://www.wprainbow.com ***
	
	Only use for Liquid gallery theme.
	
	
*****/
var $j = jQuery.noConflict();

function coverclick(selectone, simplegal, currentId, id) {  // function when album clicked

    $j('.currentimg').removeClass('currentimg');
    $j('#'+currentId).addClass('currentimg');
   	$j('.title').animate({ opacity: 0 }, 0 );
    $j('.title-img').animate({ opacity: 0 }, 0 );
    $j('.detail-img').animate({ opacity: 0 }, 0 );
    var poleft = $j('.cover-wrapper').offset().left;
    var oleft = $j('#'+currentId).offset().left;
    var mleft= $j('.cover-imgs').css('margin-left').replace('px','');
    if ( $j('.selectedimage').hasClass('currentimg') ) {
	$j('.selectedimage .nav-close').show();
    } else {
	$j('.selectedimage .nav-close').hide();
    }
    if (id!=0) {
	$j('#comments input#comment_post_ID').val(id); // adding comment post id
    }
    if (selectone) { // if image selected / clicked from the gallery
	
	document.location.href = "/online-store/";
	
	/*
	$j('.selectedimage').removeClass('selectedimage');
	$j('.closecurrent').hide().removeClass('closecurrent');
	$j('.thumbnails').hide();
	$j('.cover-img').animate({ opacity: 0.5 }, 500 );
	$j('#'+currentId).animate({ opacity: 1 }, 500 ).addClass('selectedimage');
	$j('#'+currentId).find('.title-img').animate({ opacity: 1 }, 500 );
	$j('#'+currentId).find('.detail-img').animate({ opacity: 1 }, 500 );
	$j('#thumbnail-'+currentId).show().addClass('thumbnailcurrent');
	$j('#'+currentId+' .nav-close').show().addClass('closecurrent');
	loader('#thumbnail-'+currentId+' .loader-click');
	*/
	
    }
	
	$j('.cover-imgs').animate({ marginLeft: (  -(Number(oleft))+ Number(poleft) + Number(mleft)  )}, 'slow');
	
	if ( $j('.cover-imgs li:first').hasClass('currentimg') ) {
		$j('#nav-left').animate({ opacity: 0.5  }, 500 );
	} else {
		$j('#nav-left').animate({ opacity: 1 }, 500 );
	}
	if ( $j('.cover-imgs li:last').hasClass('currentimg') ) {
		$j('#nav-right').animate({ opacity: 0.5  }, 500 );
	} else {
		$j('#nav-right').animate({ opacity: 1 }, 500 );
	}
	/*
	if (simplegal) {
	commentmode('#sidebar','#commentbar');
    } else {
	commentmode('#commentbar','#sidebar');
    }
	*/
	return false;
	
}

function backtoalbum (dsize) { // back to album
	$j('#album-'+dsize).fadeIn('slow');
	$j('#layover').animate({ opacity: 0.0 }, 500 );
	$j('#album-content-layover').hide();
	$j('#album-contents-'+dsize+' .ul-categories').hide();
	$j('#album-contents-'+dsize+' .displayed').hide();
}
function loader(loadthis) {  // function preparing image to load image
    $j(loadthis).each(function (i) {
	var path = $j(this).attr('title');
	var id = $j(this).attr('id');
	pathsplit = path.split('||');
	loadim (id, pathsplit[0], pathsplit[1], false);
	$j(this).attr('title',pathsplit[1]);
    });
}
function loadonclick(id, aid, postid, imgtitle, comm, detail){

    var largePath = $j('#'+aid).attr('href');
    var largeAlt = $j('#'+aid).attr('title');
    $j('#'+id).parent().find('.title-img').html(imgtitle+'<small href="#" onclick="commentmode(\'#sidebar\',\'#commentbar\');">'+comm+'</small>').fadeIn("slow");
    
    $j('#'+id).parent().find('.detail-img').html('<p>'+detail+'</p>').animate({ opacity: 0 }, 500 ).addClass('onload');

    $j('#comments input#comment_post_ID').val(postid);
    $j('#'+id).parent().addClass('loading').append(this);
    $j('#'+id+' img').animate({ opacity: 0.3 }, 500 );
    $j('#'+id+' img').remove();
    loadim (id, largePath, largeAlt, true);
	
};
function loadim (id, path, alt, bool) { // function load image
    var img = new Image();
    $j(img).load(function () {

	$j(this).css('display', 'none')  .hide();
	$j(this).hide();
	$j('#'+id).parent().removeClass('loading');
	$j('#'+id).append(this);
	 
	var tw =  $j(this).width();
	var th =  $j(this).height();
	var wbody = $j('body').width();
	var curmg = wbody - tw - 80;

	if (bool) {
	    navclose = $j(this).parent().parent().find('.nav-close');
		$j('.show').css('width', tw);
		$j(this).parent().parent().animate({ width: tw }, 500 ).addClass('currentimg');
		navclose.show();
		navclose.animate({ marginLeft: tw}, 500 );
		navclose.addClass('closecurrent');
			
		var poleft = $j('.cover-wrapper').offset().left;
		var oleft = $j(this).parent().offset().left;
		var mleft= $j('.cover-imgs').css('margin-left').replace('px','');
		$j('.cover-imgs').animate({ marginLeft: (  -(Number(oleft))+ Number(poleft) + Number(mleft) +10  )}, 'slow');
			
	}
	var dh = $j(this).parent().parent().find('.detail-img').height();
	$j(this).parent().parent().find('.detail-img').animate({  width: tw,  marginTop: th - dh }, 0 ).removeClass('onload');
	
	$j(this).fadeIn('slow');
    }).error(function () {
    }).attr({
	src: path,
	alt: alt
    });
}
function commentmode (cid, id) {

    $j(cid).hide();
    $j(id).fadeIn();
    if ( id == '#commentbar') {
	commentmode('#addcomment','#viewcomment');
    }
    if ( id == '#viewcomment') {
	$j('#viewcomment-area').html('&nbsp;<br /><br />');
	$j('#viewcomment-area').addClass('loading');
	var comment_post_ID = $j('#comments input#comment_post_ID').val();

	url = curURL + '?attachment_id=' + comment_post_ID+'&act=getcomment';
	
	$j.ajax({
	    type: 'get',
	    url: url,
    
	    success: function(results) {
		$j('#viewcomment-area').removeClass('loading');
		$j('#viewcomment-area').html(results);
    
	    }
	});
    
    }
}


jQuery(function() {
    
    var arr_dafaultValue = Array('','Your Name','Your Email', 'Your URL');
    $j('input[tabindex=1]').val(arr_dafaultValue[1]);
    $j('input[tabindex=2]').val(arr_dafaultValue[2]);
    $j('input[tabindex=3]').val(arr_dafaultValue[3]);
    
    $j('input').bind('click', function(){
	var ti = $j(this).attr('tabindex');
	if ( $j(this).val() == arr_dafaultValue[ti]) {
	    $j(this).val('');
	}
    });
    $j('input').bind('blur', function(){
	var ti = $j(this).attr('tabindex');
	if($j(this).val() == '') {
	    $j(this).val(arr_dafaultValue[ti]);
	}
    });
    
    $j('#comments input#submit').click(function() {
	
        $j('#response').addClass('loading');
	$j('#response').html('loading ... ');
	var action = $j('#commentform').attr('action');
        var author = $j('#comments input#author').val();
        var email = $j('#comments input#email').val();
	var url = $j('#comments input#url').val();
        var comment = $j('#comments textarea#comment').val();
	var comment_post_ID = $j('#comments input#comment_post_ID').val();
	var comment_parent = $j('#comments input#comment_parent').val();
	var data = 'author=' + author + '&email=' + email + '&comment=' + comment + '&comment_post_ID=' + comment_post_ID + '&comment_parent=' + comment_parent;
	
	if ( (email=='') || (author == '') || (comment=='')) {
	    $j('#response').removeClass('loading');
	    $j('#response').html('Error: please fill the required fields (name, email, comment).');
	     return false;
	}
	if (!femail(email)) {
	    $j('#response').removeClass('loading');
	    $j('#response').html('Error. please enter a valid email address.');
	    return false;
	}
        $j.ajax({
            type: 'post',
            url: action,
            data: data,
            success: function(results) {
		$j('#response').removeClass('loading');
		$j('#response').html('');
                commentmode('#addcomment','#viewcomment');
            }
        });
	return false;
    });
    $j('#contactajax input#submit').click(function() {
        $j('#response').addClass('loading');
	$j('#response').html('loading ... ');
	var action = $j('#contactform').attr('action');
        var name = $j('#contactajax input#name').val();
        var email = $j('#contactajax input#email').val();
        var comments = $j('#contactajax textarea#comments').val();
	var adminemail = $j('#contactajax input#adminemail').val();
	var styleused = $j('#contactajax input#styleused').val();
	var homepage = $j('#contactajax input#homepage').val();
	var submit = $j('#contactajax input#submit').val();
	
	var data = 'submit=' + submit + '&name=' + name + '&email=' + email + '&comments=' + comments + '&styleused=' + styleused + '&adminemail=' + adminemail + '&homepage=' + homepage  + '&ajaxenabled=true';

	if ( (name=='')  || (email=='')  || (comments=='')) {
	    $j('#response').removeClass('loading');
	    $j('#response').html('Error: please fill the required fields (name, email, comment).');
	     return false;
	}
	if (!femail(email)) {
	    $j('#response').removeClass('loading');
	    $j('#response').html('Error. please enter a valid email address.');
	    return false;
	}
        $j.ajax({
            type: 'post',
            url: action,
            data: data,
            success: function(results) {
		$j('#response').removeClass('loading');
		$j('#response').html(' Thank you for your feedback '+name+'. We\'ve received your email. We\'ll be in touch as soon as possble!');
               
            }
        });
	return false;
    });
});
function femail(str) 
{
	var at='@'; var dot='.'; var lat=str.indexOf(at); var lstr=str.length; var ldot=str.indexOf(dot);
	if (str.indexOf(at)==-1) {
		return false;
	}
	if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
		return false;
	}
	if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
		return false;
	}
	if (str.indexOf(at,(lat+1))!=-1){
		return false;
 	}
	if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
		return false;
	}
	if (str.indexOf(dot,(lat+2))==-1){
		return false;
	}	
	if (str.indexOf(' ')!=-1){
		return false;
 	}
	return true;
}
function loadFunct () {  // this function called after the page loaded an after ajax page loaded. 
    var wbody = $j('body').width();
    var wcover = $j('.cover-imgs').width();
    $j('.title').animate({ opacity: 0 }, 0 );
    $j('.title-img').animate({ opacity: 0 }, 0 );
    $j('.detail-img').animate({ opacity: 0 }, 0 );
    $j('#nav-left').animate({ opacity: 0.5 }, 500 );
    $j('.slideshow').cycle({
	fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    });
    $j('#nav-right').click(function () {
	if ( !$j('.cover-imgs li:last').hasClass('currentimg') ) {
	    var idnext = $j('.currentimg').next().attr('id');
	    coverclick(false, false, idnext,0)
	}
    });
    $j('#nav-left').click(function () {
	if ( !$j('.cover-imgs li:first').hasClass('currentimg') ) {
	    var idprev = $j('.currentimg').prev().attr('id');
	    coverclick(false, false, idprev,0)
	}
    });
    $j('.nav-close').click(function () { // action for close botton
	commentmode('#commentbar','#sidebar')
	$j('.title-img').animate({ opacity: 0 }, 500 );
	$j('.cover-img').animate({ opacity: 1 }, 500 );
	$j('.detail-img').animate({ opacity: 0 }, 0 );
	$j('.thumbnail-list').hide();
	$j('#nav-right').show();
	$j('#nav-left').show();
	$j('.closecurrent').parent().removeClass('selectedimage')
	$j('.closecurrent').removeClass('closecurrent').hide();
	$j('.thumbnailcurrent').hide().removeClass('thumbnailcurrent');
	$j('#sidebar-text').fadeIn();
    });

    $j('.img-cover').hover(
	function () {
	    var detail = $j(this).parent().find('.detail-img');
	
	    if (!$j(this).parent().hasClass('selectedimage') ) {
		$j(this).parent().find('.title').stop().animate({ opacity: 1 }, 500 );
	    } else {
		if (!detail.hasClass('onload')) {
		    detail.animate({ opacity: 1 }, 500 );
		}
		 $j(this).parent().find('.title-img').stop().animate({ opacity: 1 }, 500 );
	    }
	}, 
	function () {
	    $j(this).parent().find('.title').stop().animate({ opacity: 0 }, 500 );
	    $j(this).parent().find('.detail-img').stop().animate({ opacity: 0 }, 500 );
	    $j(this).parent().find('.title-img').stop().animate({ opacity: 0 }, 500 );
	}
    );

    $j('.detail-img, .title-img').hover(
	function () {
	    if ($j(this).parent().hasClass('selectedimage') ) {
		$j(this).stop().animate({ opacity: 8 }, 0 );
		$j(this).parent().find('.detail-img').stop().animate({ opacity: 8 }, 0 );
		$j(this).parent().find('.title-img').stop().animate({ opacity: 8 }, 0 );
	   } 
	}, 
	function () {
	    $j(this).animate({ opacity: 0 }, 500 ).hide();
	}
    );
    $j('#addcomment, #viewcomment').hover(
	function () {
	    $j(this).find('.act').fadeIn('slow');
	}, 
	function () {
	     $j(this).find('.act').fadeOut('slow');
	}
    );
     
    loader('.loader');
}
$j(document).ready(function(){
    loadFunct();
});
function callme () {
    $j('.cover-wrapper').removeClass('onscroll');
}